<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bilibili</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 头部 -->
 <header>
  <img src="https://s1.hdslb.com/bfs/static/jinkela/long/mstation/logo-bilibili-pink.png@132w_60h_1c.webp" alt="">
  <div class="right">
    <span class="iconfont ic_search_tab"></span>
    <div class="login">
        <p>登录</p>
    </div>
    <div class="dwapp">
    <p>下载 App</p>
    </div>
  </div>
 </header>
 <!-- 导航栏 -->
  <div class="nav">
    <a href="#" class="homepage">首页</a>
    <a href="#">动画</a>
    <a href="#">番剧</a>
    <a href="#">国创</a>
    <a href="#">音乐</a>
    <a href="#">舞蹈</a>
    <!-- 更多分类 -->
    <div class="morecatey">
      <span class="iconfont general_pulldown_s"></span>
    </div>
  </div>
  <!-- 分割线 -->
  <div class="halving">
    <p class="select"></p>
  </div>
  <!-- 视频区域 -->
<div class="video">
    <div class="video_first">
     <div class="first_one">
     <img src="./images/1.jpg" alt="">
     <div class="one_bottom">
        <!-- 左 -->
      <div class="bottom_left">
        <span class="iconfont icon_shipin_bofangshu"></span>
        <p>238.9万</p>
      </div>
      <!-- 右 -->
      <div class="bottom_right">
        <span class="iconfont icon_shipin_danmushu"></span>
        <p>4139</p>
      </div>
     </div>
     <div class="one_text">
        <p>全世界都在逼你长大,而我想让你做个孩子.</p>
     </div>
     </div>
    </div>
    <div class="video_first">
        <div class="first_one">
            <img src="./images/1.jpg" alt="">
            <div class="one_bottom">
                <!-- 左 -->
                <div class="bottom_left">
                    <span class="iconfont icon_shipin_bofangshu"></span>
                    <p>238.9万</p>
                </div>
                <!-- 右 -->
                <div class="bottom_right">
                    <span class="iconfont icon_shipin_danmushu"></span>
                    <p>4139</p>
                </div>
            </div>
            <div class="one_text">
                <p>全世界都在逼你长大,而我想让你做个孩子.</p>
            </div>
        </div>
    </div>
    <div class="video_first">
            <div class="first_one">
                <img src="./images/1.jpg" alt="">
                <div class="one_bottom">
                    <!-- 左 -->
                    <div class="bottom_left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <p>238.9万</p>
                    </div>
                    <!-- 右 -->
                    <div class="bottom_right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <p>4139</p>
                    </div>
                </div>
                <div class="one_text">
                    <p>全世界都在逼你长大,而我想让你做个孩子.</p>
                </div>
            </div>
    </div>
    <div class="video_first">
            <div class="first_one">
                <img src="./images/1.jpg" alt="">
                <div class="one_bottom">
                    <!-- 左 -->
                    <div class="bottom_left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <p>238.9万</p>
                    </div>
                    <!-- 右 -->
                    <div class="bottom_right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <p>4139</p>
                    </div>
                </div>
                <div class="one_text">
                    <p>全世界都在逼你长大,而我想让你做个孩子.</p>
                </div>
            </div>
    </div>
    <div class="video_first">
            <div class="first_one">
                <img src="./images/1.jpg" alt="">
                <div class="one_bottom">
                    <!-- 左 -->
                    <div class="bottom_left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <p>238.9万</p>
                    </div>
                    <!-- 右 -->
                    <div class="bottom_right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <p>4139</p>
                    </div>
                </div>
                <div class="one_text">
                    <p>全世界都在逼你长大,而我想让你做个孩子.</p>
                </div>
            </div>
    </div>
    <div class="video_first">
            <div class="first_one">
                <img src="./images/1.jpg" alt="">
                <div class="one_bottom">
                    <!-- 左 -->
                    <div class="bottom_left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <p>238.9万</p>
                    </div>
                    <!-- 右 -->
                    <div class="bottom_right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <p>4139</p>
                    </div>
                </div>
                <div class="one_text">
                    <p>全世界都在逼你长大,而我想让你做个孩子.</p>
                </div>
            </div>
    </div>
    <div class="video_first">
            <div class="first_one">
                <img src="./images/1.jpg" alt="">
                <div class="one_bottom">
                    <!-- 左 -->
                    <div class="bottom_left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <p>238.9万</p>
                    </div>
                    <!-- 右 -->
                    <div class="bottom_right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <p>4139</p>
                    </div>
                </div>
                <div class="one_text">
                    <p>全世界都在逼你长大,而我想让你做个孩子.</p>
                </div>
            </div>
    </div>
    <div class="video_first">
            <div class="first_one">
                <img src="./images/1.jpg" alt="">
                <div class="one_bottom">
                    <!-- 左 -->
                    <div class="bottom_left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <p>238.9万</p>
                    </div>
                    <!-- 右 -->
                    <div class="bottom_right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <p>4139</p>
                    </div>
                </div>
                <div class="one_text">
                    <p>全世界都在逼你长大,而我想让你做个孩子.</p>
                </div>
            </div>
    </div>
    <div class="video_first">
        <div class="first_one">
            <img src="./images/1.jpg" alt="">
            <div class="one_bottom">
                <!-- 左 -->
                <div class="bottom_left">
                    <span class="iconfont icon_shipin_bofangshu"></span>
                    <p>238.9万</p>
                </div>
                <!-- 右 -->
                <div class="bottom_right">
                    <span class="iconfont icon_shipin_danmushu"></span>
                    <p>4139</p>
                </div>
            </div>
            <div class="one_text">
                <p>全世界都在逼你长大,而我想让你做个孩子.</p>
            </div>
        </div>
    </div>
    <div class="video_first">
        <div class="first_one">
            <img src="./images/1.jpg" alt="">
            <div class="one_bottom">
                <!-- 左 -->
                <div class="bottom_left">
                    <span class="iconfont icon_shipin_bofangshu"></span>
                    <p>238.9万</p>
                </div>
                <!-- 右 -->
                <div class="bottom_right">
                    <span class="iconfont icon_shipin_danmushu"></span>
                    <p>4139</p>
                </div>
            </div>
            <div class="one_text">
                <p>全世界都在逼你长大,而我想让你做个孩子.</p>
            </div>
        </div>
    </div>
    <div class="video_first">
        <div class="first_one">
            <img src="./images/1.jpg" alt="">
            <div class="one_bottom">
                <!-- 左 -->
                <div class="bottom_left">
                    <span class="iconfont icon_shipin_bofangshu"></span>
                    <p>238.9万</p>
                </div>
                <!-- 右 -->
                <div class="bottom_right">
                    <span class="iconfont icon_shipin_danmushu"></span>
                    <p>4139</p>
                </div>
            </div>
            <div class="one_text">
                <p>全世界都在逼你长大,而我想让你做个孩子.</p>
            </div>
        </div>
    </div>
    <div class="video_first">
        <div class="first_one">
            <img src="./images/1.jpg" alt="">
            <div class="one_bottom">
                <!-- 左 -->
                <div class="bottom_left">
                    <span class="iconfont icon_shipin_bofangshu"></span>
                    <p>238.9万</p>
                </div>
                <!-- 右 -->
                <div class="bottom_right">
                    <span class="iconfont icon_shipin_danmushu"></span>
                    <p>4139</p>
                </div>
            </div>
            <div class="one_text">
                <p>全世界都在逼你长大,而我想让你做个孩子.</p>
            </div>
        </div>
    </div>
</div>
<!-- 底部 -->
 <footer>
    <span class="iconfont Navbar_logo"></span>
    <p>打开App,看你感兴趣的视频</p>
 </footer>
</body>
</html>